8b:I[903690,["/chat-static/_next/static/chunks/1n6i7tytr8mw_.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/1f7u6rgo4cul0.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/05pq8s6zv_wn1.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/43vadfihbvtl1.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/1gycrwvtm60qn.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/3wkp7zrf5-jmz.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/3xh9s6el8_6_x.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/0ke63s91gpvy3.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/1ccgxhg3rjfjo.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/0vd414frz2dl_.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/2mgce5j5u79tt.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/01gmrqojqtlsu.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/2qjug_t8m8oho.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/2huhjaifj4ycu.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/0qdgtnqed6832.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/1po5wfdz3ceh_.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/1lmne7b3yag00.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/330f8n_uwn2ft.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/0h7t4vk9gyu0g.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/2ew9s7_jwctds.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/1_-g55jk0488z.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/1j9njtdk43kba.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/10xq309qhj3gr.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/0h4zz-tv9aef3.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/1m_h06jid1ekf.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/34kx6djl8qij7.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/3hwyfh3v3lizg.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/3lzqzvqvppdbz.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/3y2nzgu33897a.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/2xm81q215cv7s.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/3vtvee1raa1hh.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/0ylrm5ajfx1z7.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/2olru987rh_tg.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/03am9_im5xdu-.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/42h7tmr-x85i0.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/1m9968e5w3hvb.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/0nhpfn8s-2asx.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/2z7ipmvio4b_r.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/2934g55qd7tuc.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/111x4t_autsmc.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/18ivfh5uja4t0.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/2y_r0ngz0mlvj.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa"],"ExplicitChatIdProvider"] 8c:I[838238,["/chat-static/_next/static/chunks/1n6i7tytr8mw_.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/1f7u6rgo4cul0.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/05pq8s6zv_wn1.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/43vadfihbvtl1.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/1gycrwvtm60qn.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/3wkp7zrf5-jmz.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/3xh9s6el8_6_x.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/0ke63s91gpvy3.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/1ccgxhg3rjfjo.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/0vd414frz2dl_.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/2mgce5j5u79tt.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/01gmrqojqtlsu.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/2qjug_t8m8oho.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/2huhjaifj4ycu.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/0qdgtnqed6832.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/1po5wfdz3ceh_.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/1lmne7b3yag00.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/330f8n_uwn2ft.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/0h7t4vk9gyu0g.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/2ew9s7_jwctds.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/1_-g55jk0488z.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/1j9njtdk43kba.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/10xq309qhj3gr.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/0h4zz-tv9aef3.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/1m_h06jid1ekf.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/34kx6djl8qij7.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/3hwyfh3v3lizg.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/3lzqzvqvppdbz.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/3y2nzgu33897a.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/2xm81q215cv7s.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/3vtvee1raa1hh.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/0ylrm5ajfx1z7.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/2olru987rh_tg.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/03am9_im5xdu-.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/42h7tmr-x85i0.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/1m9968e5w3hvb.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/0nhpfn8s-2asx.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/2z7ipmvio4b_r.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/2934g55qd7tuc.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/111x4t_autsmc.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/18ivfh5uja4t0.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa","/chat-static/_next/static/chunks/2y_r0ngz0mlvj.js?dpl=dpl_3zpATW5HJB86VmzuFo47aLwe9daa"],"SWRDataProvider"] 8d:T3e26,[V0_FILE]typescriptreact:file="components/sidebar-nav.tsx" isMerged="true" import { Menu, TableIcon as TableBar, CalendarRange, Truck, Calculator, Settings, LogOut } from "lucide-react" import { Button } from "@/components/ui/button" const navItems = [ { icon: Menu, label: "Menu", color: "text-green-600" }, { icon: TableBar, label: "Table Services", color: "text-gray-600" }, { icon: CalendarRange, label: "Reservation", color: "text-gray-600" }, { icon: Truck, label: "Delivery", color: "text-gray-600" }, { icon: Calculator, label: "Accounting", color: "text-gray-600" }, { icon: Settings, label: "Settings", color: "text-gray-600" }, ] export function SidebarNav() { return (

CHILI POS

) } [V0_FILE]typescriptreact:file="components/header.tsx" isEdit="true" isMerged="true" import { Search, Share2 } from "lucide-react" import { Input } from "@/components/ui/input" import { Button } from "@/components/ui/button" export function Header() { return (

Table 4 Floyd Miles

) } [V0_FILE]typescriptreact:file="components/category-filter.tsx" isEdit="true" isMerged="true" import { Grid, Coffee, Soup, UtensilsCrossed, ChefHat, Sandwich } from "lucide-react" const categories = [ { icon: Grid, label: "All", items: "235 Items", active: true }, { icon: Coffee, label: "Breakfast", items: "19 Items" }, { icon: Soup, label: "Soups", items: "8 Items" }, { icon: UtensilsCrossed, label: "Pasta", items: "14 Items" }, { icon: ChefHat, label: "Main Course", items: "27 Items" }, { icon: Sandwich, label: "Burges", items: "13 Items" }, ] export function CategoryFilter() { return (

{categories.map((category, index) => (

{category.label} {category.items}

))}

) } [V0_FILE]typescriptreact:file="components/dining-mode.tsx" isMerged="true" import { Button } from "@/components/ui/button" const modes = ["Dine in", "Take Away", "Delivery"] export function DiningMode() { return (

{modes.map((mode, index) => ( ))}

) } [V0_FILE]typescriptreact:file="app/globals.css" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; --primary: 142.1 76.2% 36.3%; --primary-foreground: 355.7 100% 97.3%; --secondary: 142.1 76.2% 36.3%; --secondary-foreground: 355.7 100% 97.3%; --muted: 210 40% 96.1%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 210 40% 96.1%; --accent-foreground: 222.2 47.4% 11.2%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; --ring: 142.1 76.2% 36.3%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="components/cart-item.tsx" isMerged="true" interface CartItemProps { title: string price: number quantity: number image: string } export function CartItem({ title, price, quantity, image }: CartItemProps) { return (

{title}

${price.toFixed(2)} {quantity}X

) } [V0_FILE]typescriptreact:file="components/order-footer.tsx" isMerged="true" interface OrderFooterProps { tableNumber: string items: number kitchen: string process?: boolean } export function OrderFooter({ tableNumber, items, kitchen, process }: OrderFooterProps) { return (

{tableNumber}

{items} Items → {kitchen}

{process &&

Process

}

) } [V0_FILE]typescriptreact:file="components/food-grid.tsx" isMerged="true" import { FoodCard } from "./food-card" const foodItems = [ { image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Image%202025-01-12%20at%2012.32.42%20PM-QicgA83ZI0TfZlOynDOqlhOGnbwzEv.jpeg", title: "Tasty Vegetable Salad Healthy Diet", price: 17.99, discount: 20, type: "Veg", }, { image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Image%202025-01-12%20at%2012.32.42%20PM-QicgA83ZI0TfZlOynDOqlhOGnbwzEv.jpeg", title: "Original Chess Meat Burger With Chips", price: 23.99, type: "Non Veg", }, { image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Image%202025-01-12%20at%2012.32.42%20PM-QicgA83ZI0TfZlOynDOqlhOGnbwzEv.jpeg", title: "Tacos Salsa With Chickens Grilled", price: 14.99, type: "Non Veg", }, { image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Image%202025-01-12%20at%2012.32.42%20PM-QicgA83ZI0TfZlOynDOqlhOGnbwzEv.jpeg", title: "Fresh Orange Juice With Basil Seed", price: 12.99, type: "Veg", }, { image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Image%202025-01-12%20at%2012.32.42%20PM-QicgA83ZI0TfZlOynDOqlhOGnbwzEv.jpeg", title: "Meat Sushi Maki With Tuna, Ship And Other", price: 9.99, type: "Non Veg", }, { image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Image%202025-01-12%20at%2012.32.42%20PM-QicgA83ZI0TfZlOynDOqlhOGnbwzEv.jpeg", title: "Original Chess Burger With French Fries", price: 10.59, discount: 20, type: "Veg", }, ] export function FoodGrid() { return (

{foodItems.map((item, index) => ( ))}

) } [V0_FILE]typescriptreact:file="components/cart.tsx" isEdit="true" import { Button } from "@/components/ui/button" import { CreditCard, QrCode, Banknote, Edit2 } from "lucide-react" const cartItems = [ { title: "Original Chess Meat Burger With Chips (Non Veg)", price: 23.99, quantity: 1 }, { title: "Fresh Orange Juice With Basil Seed No Sugar (Veg)", price: 12.99, quantity: 1 }, { title: "Meat Sushi Maki With Tuna, Ship And Other (Non Veg)", price: 9.99, quantity: 1 }, { title: "Tacos Salsa With Chickens Grilled", price: 14.99, quantity: 1 }, ] export function Cart() { const subtotal = cartItems.reduce((acc, item) => acc + item.price * item.quantity, 0) const tax = subtotal * 0.05 const total = subtotal + tax return (

Table 4

Floyd Miles

{cartItems.map((item, index) => (

{item.title}

${item.price.toFixed(2)} {item.quantity}X

))}

Sub Total ${subtotal.toFixed(2)}

Tax 5% ${tax.toFixed(2)}

Total Amount ${total.toFixed(2)}

) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" import { SidebarNav } from "../components/sidebar-nav" import { Header } from "../components/header" import { CategoryFilter } from "../components/category-filter" import { FoodGrid } from "../components/food-grid" import { Cart } from "../components/cart" import { Footer } from "../components/footer" export default function POSPage() { return (

) } [V0_FILE]typescriptreact:file="components/food-card.tsx" isEdit="true" import { Card } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Minus, Plus } from "lucide-react" interface FoodCardProps { image: string title: string price: number discount?: number type: "Veg" | "Non Veg" } export function FoodCard({ image, title, price, discount, type }: FoodCardProps) { return (

{discount && (

{discount}% Off

)}

{title}

${price.toFixed(2)}

{type}

) } [V0_FILE]typescriptreact:file="components/footer.tsx" isEdit="true" export function Footer() { const orders = [ { table: "T1", items: 6, kitchen: "Kitchen", status: "Process" }, { table: "T2", items: 4, kitchen: "Kitchen" }, { table: "T3", items: 3, kitchen: "Kitchen" }, ] return (

{orders.map((order, index) => (

{order.table}

{order.items} Items → {order.kitchen}

{order.status &&

{order.status}

}

))}

) } 84:["$","$L8b",null,{"chatId":"xb44z2V9NEf","children":["$","$L8c",null,{"data":{"@\"active-block\",\"xb44z2V9NEf\",":{"id":"b_OGVT8v67P9P","messageId":"jGrVTAJpAUpvBsGJbkr1lV4JCCjqxPW5","source":"$8d","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"restaurant-pos","type":"code-project","project":"restaurant-pos"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"xb44z2V9NEf\",":false,"":null},"children":"$L8e"}]}]

About

Tags

Share

About

Tags

Share

More Templates Like This